<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="wap-font-scale" content="no">
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,target-densitydpi=medium"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta content="telephone=no" name="format-detection" />
<meta content="email=no" name="format-detection" />
<title>{$eju.field.seo_title}</title>
<meta name="description" content="{eju:global name='web_description' /}" />
<meta name="keywords" content="{eju:global name='web_keywords' /}" />
<link href="{eju:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
{eju:static file="skin/css/public.css" /}
{eju:static file="skin/css/house.css" /}
{eju:static file="skin/css/swiper.min.2.css" /}
{eju:static file="skin/css/video-js.css" /}
{eju:static file="skin/js/flexible.js" /}
{eju:static file="skin/js/jquery.min.js" /}
{eju:static file="skin/js/jquery.form.js" /}
{eju:static file="skin/js/layer.js" /}
{eju:static file="skin/js/swiper.min.2.js" /}
{eju:static file="skin/js/video.js" /}
</head>
<body>
<div class="housemain">
  <div class="top-nav">
    <div class="return" onclick="location.href='{$eju.field.typeurl}'"><span class="icon icon-return"></span></div>
    <ul>
      <li><a id="F11" href="#F1" class="on">楼盘</a></li>
      <li><a id="F22" href="#F2" >户型</a></li>
      <li><a id="F33" href="#F3">动态</a></li>
      <li><a id="F44" href="#F4">保障</a></li>
      <li><a id="F55" href="#F5">点评</a></li>
    </ul>
  </div>
  <div class="house-head"> <a delay="false" onclick="history.back(-1)" class="backicon"></a> <a delay="false" href="javascript:;" id="navBtn" class="menuicon"></a>
    <div class="swiper-container">
      <div class="swiper-wrapper"> {eju:notempty name="$eju.field.video"}
        <div class="swiper-slide">
          <div class="Tceng">
            <video id="cideoPlay1" style="width: 10rem;height: 276px;" controls poster="{$eju.field.litpic}" webkit-playsinline="tes" preload="none">
              <source src="{$eju.field.video}" type="video/mp4" >
            </video>
          </div>
        </div>
        {/eju:notempty}
        {eju:notempty name="$eju.field.panoram"}
        <div class="swiper-slide"> <a href="{$eju.field.panoram}"><img src="{$eju.field.litpic}" alt="{$eju.field.title}">
          <div class="p720"><img src="{eju:global name='web_templets_mobile' /}/skin/images/720.png" class="pic720"></div>
          </a> </div>
        {/eju:notempty}
        <div class="swiper-slide"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'photo','photo_type'=>$field.photo_type,'province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}"><img src="{$eju.field.litpic}" alt="{$eju.field.title}">
          <div class="p720s"><img src="{eju:global name='web_templets_mobile' /}/skin/images/xiangce.png" class="pic-xc"></div>
          </a> </div>
      </div>
    </div>
    <div class="swiper-pagination swiper-pagination-custom"></div>
    <span class="numbox" style="z-index: 1">共{$eju.field.photo_list|count}张</span> </div>
  <!-- end -->
  <div class="blank12"></div>
  <div  id="F1">
    <div class="h-info-wrap">
      <div class="tit">
        <h1>{$eju.field.title}</h1>
      </div>
      <div class="tag">
        <ul>
          <li><span>{$eju.field.sale_status}</span></li>
          <li class="showsafe on"><em>安全购</em><em class="o1">低价保障</em></li>
          <li> {eju:diyfield type='checkbox' id='characteristic' name='$eju.field.characteristic'} <span>{$characteristic.value}</span>{/eju:diyfield}</li>
        </ul>
        <div class="clear"></div>
      </div>
      <div class="price">
        <ul>
          <li class="showprice"> <span class="p1">{$eju.field.average_price}</span> <span class="p2">{$eju.field.average_price_unit}</span>
            <p class="t1">参考单价<span class="icon-wh"></span></p>
          </li>
          <li class="pl10">
            <p><span class="p1">{$eju.field.total_price}</span><span class="p2">{$eju.field.total_price_unit}</span></p>
            <p class="t1">参考总价</p>
          </li>
          <li class="none pl10" style="width: 35%">
            <p><span class="p1">{$eju.field.building_area}</span><span class="p2">{$eju.field.building_area_unit}</span></p>
            <p class="t1">建面范围</p>
          </li>
        </ul>
        <div class="clear"></div>
        <p class="info">注：以上价格更新于{$eju.field.price_time|MyDate='Y-m-d H:i:s',###}，最新报价以开发商为准。</p>
      </div>
      <div class="h-info-btn">
        <button onclick="openwid4('变价通知我','全面保护您的隐私，楼盘降价怕错过？一键报名楼盘降价随时免费通知您。','【{$eju.field.city_id|get_city_name}】{$eju.field.title}楼盘内页_变价通知我',2);"><img src="{eju:global name='web_templets_mobile' /}/skin/images/tz.png"><span>变价通知我</span></button>
        <button onclick="window.location.href ='{eju:global name='web_attr_3'/}'" ><img src="{eju:global name='web_templets_mobile' /}/skin/images/edit2.png"><span>咨询首付和资质</span></button>
      </div>
    </div>
  </div>
  <div class="h-hui-wrap">
    <ul>
      <li class="l1">
        <div class="svg-box"><span>优惠</span></div>
        <div class="hui-tit">交11万享30万折扣</div>
        <a class="hui-btn" href="{eju:global name='web_attr_3'/}">咨询</a></li>
      <li class="l2">
        <div class="svg-box fl"><span>免费</span></div>
        <div class="hui-tit1 fl">免费接机/免费专车劵，看房不限次数</div>
        <a href="tel:{$eju.field.xinfang.sale_phone}" class="fr hui-btn" style="color: #48bf01;border: 1px solid #48bf01;">预订</a>
        <div class="clear"></div>
        <div class="mt5">
          <div class="hui-tit2 fl c2">往返接送，资深顾问1V1服务</div>
          <div class="i3 fr c2">全城<span class="c1">{eju:arcclick/}</span>人已使用</div>
          <div class="clear"></div>
        </div>
      </li>
    </ul>
  </div>
  <div class="h-detail-wrap"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'detail'])}" class="detail-more">更多详情 &gt;</a>
    <h1>楼盘信息</h1>
    <ul class="info">
      {eju:notempty name='$eju.field.manage_type'/}
      {eju:diyfield type='checkbox' id='manage_type' name='$eju.field.manage_type'}
      <li class=""><span class="txt-1">类 型 :&nbsp;</span> <span class="txt-2">{$manage_type.value}</span></li>
      {/eju:diyfield}
      {/eju:notempty}
      {eju:notempty name='$eju.field.fitment'/}
      {eju:diyfield type='checkbox' id='fitment' name='$eju.field.fitment'}
      <li><span class="txt-1">装 修 :&nbsp;</span> <span class="txt-2">{$fitment.value}</span></li>
      {/eju:diyfield}
      {/eju:notempty}
      {eju:notempty name='$eju.field.property'/}
      <li><span class="txt-1">产 权 :&nbsp;</span> <span class="txt-2">{$eju.field.property}{$eju.field.property_unit}{else /}
        暂未数据</span></li>
      {/eju:notempty}
      {eju:notempty name='$eju.field.building_num'/}
      <li><span class="txt-1">栋 数 :&nbsp;</span> <span class="txt-2">{$eju.field.building_num}{$eju.field.building_num_unit}{else /}
        暂未数据</span></li>
      {/eju:notempty}
      {eju:notempty name='$eju.field.opening_time'/}
      <li class="l2"><span class="txt-1">开 盘 :&nbsp;</span> <span class="txt-2">{$eju.field.opening_time|MyDate='Y年m月d日 H:i:s',###}{else /}
        暂未数据</span></li>
      {/eju:notempty}
      {eju:notempty name='$eju.field.complate_time'/}
      <li class="l2"><span class="txt-1">交 房 :&nbsp;</span> <span class="txt-2">{$eju.field.complate_time|MyDate='Y年m月d日 H:i:s',###}{else /}
        暂未数据</span></li>
      {/eju:notempty}
      {eju:notempty name='$eju.field.main_unit'/}
      <li class="l2"><span class="txt-1">户 型 :&nbsp;&nbsp;</span> <span class="txt-2">{$eju.field.main_unit}{$eju.field.main_unit_unit}{else /}
        暂未数据</span></li>
      {/eju:notempty}
      {eju:notempty name='$eju.field.manage_company'/}
      <li class="l2"><span class="txt-1">物 业 :&nbsp;</span> <span class="txt-2">{$eju.field.manage_company}{else /}
        暂未数据</span></li>
      {/eju:notempty}
      {eju:notempty name='$eju.field.address'/}
      <li class="l2"><span class="txt-1">地 址 :&nbsp;</span> <a href="javascript:;"><span class="txt-2">{$eju.field.address}</span></a></li>
      {/eju:notempty}
    </ul>
    <div class="clear"></div>
    <!-- 天气 -->
    <div class="tianqi">
      <div class="tq-l" style="width: 150px">
        <iframe allowtransparency="true" frameborder="0" width="180" height="36" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=2&t=0&v=0&d=2&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=0&a=0&c=59948&w=180&h=36&align=left"></iframe>
      </div>
      <div class="tq-r"><span>空气质量：</span><span class="s1">优</span></div>
      <div class="clear"></div>
    </div>
    <!-- 天气:end -->
    <div class="blank10"></div>
    <p><a href="{eju:global name='web_attr_3'/}" class="zx-more"><img src="{eju:global name='web_templets_mobile' /}/skin/images/zx2.png">咨询更全更多信息</a></p>
  </div>
  <div id="F2">
    <div class="h-detail-wrap">
      <div class="tit"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'huxing'])}" class="hx-more">更多户型 &gt;</a>
        <h1>户型介绍</h1>
        <div class="clear"></div>
      </div>
      <div class="hx-scroll">
        <ul class="clearfix">
          {eju:fanglist name="$eju.field.huxing_list" id="vo"}
          <li> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.aid,'dirname'=>$eju.field.dirname,'dirpath'=>$eju.field.dirpath,'column'=>'huxing','sid'=>$vo.huxing_id])}" style="display: block;">
            <div class="pic"> <img src="{$vo.huxing_pic}"> </div>
            <div class="txt">
              <p><strong>{$vo.huxing_room}室{$vo.huxing_living_room}厅{$vo.huxing_toilet}卫</strong>&nbsp;<span class="status">{$eju.field.sale_status}</span></p>
              <p>建面{$vo.huxing_area}{$eju.field.building_area_unit} | {eju:diyfield type='checkbox' id='building_type' name='$eju.field.building_type'}
                {$building_type.value}
                {/eju:diyfield}</p>
              <p class="red">约{$vo.huxing_price}{$eju.field.total_price_unit}/套</p>
            </div>
            </a> </li>
          {/eju:fanglist}
        </ul>
      </div>
    </div>
  </div>
  <div class="blank10"></div>
  {eju:adv pid='8'}
  <div> <a href='{$field.links}' {$field.target}><img src="{$field.litpic}" style="width: 100%"></a> </div>
  {/eju:adv}
  <div  id="F3">
    <div class="h-dt-wrap">
      <div class="tit"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'information','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" class="hx-more">更多动态 &gt;</a>
        <h1>楼盘动态</h1>
        <div class="clear"></div>
      </div>
      <ul class="trend">
        {eju:arclist typeid="4" joinaid="$eju.field.aid" orderby='new' limit="0,3" id="field"}
        <li><a href="{$field.arcurl}" class="column"> <em>{$field.add_time|MyDate='Y.m.d H:i:s',###}</em>
          <p style="color: #333;padding-bottom: 5px;">{$field.title}</p>
          <p>{$field.seo_description|html_msubstr=###,0,40,true}</p>
          </a> </li>
        {/eju:arclist}
      </ul>
      <div class="blank15"></div>
      <div class="dt-btn"> <a href="{eju:global name='web_attr_3'/}" class="zx-btn">咨询</a>
        <p>请问工程进度如何？有什么最新优惠？</p>
      </div>
    </div>
  </div>
  <div id="F4">
    <div class="h-gfbz-wrap">
      <div class="tit"> <!--<a>更多详情 &gt;</a>-->
        <h1>易居购房服务保障</h1>
      </div>
      <div class="bz-nav pr">
        <ul class="bz-ul">
          <li data-type='1'>
            <div class="pic" id="bzpic1"></div>
            <p>免费看房</p>
          </li>
          <li data-type='2'>
            <div class="pic" id="bzpic2"></div>
            <p>真实房源</p>
          </li>
          <li data-type='3'>
            <div class="pic" id="bzpic3"></div>
            <p>免费住宿</p>
          </li>
          <li data-type='4'>
            <div class="pic" id="bzpic4"></div>
            <p>老带新奖</p>
          </li>
          <li data-type='5'>
            <div class="pic" id="bzpic5"></div>
            <p>报销机票</p>
          </li>
          <li data-type='6'>
            <div class="pic" id="bzpic6"></div>
            <p>无理由退房</p>
          </li>
          <div class="clear"></div>
        </ul>
        <div class="show-box">
          <ul>
            <li class="c" id="bz1">
              <p class="icons-up"><img src="{eju:global name='web_templets_mobile' /}/skin/images/up3.png"></p>
              <a href="javascript:;" class="bz-close" style="position: absolute;right: 7px;top: 5px;" data-id="1"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close" style="width: 14px;"></a> <a href="tel:{$eju.field.xinfang.sale_phone}" class="yy-btn">预约接机</a>
              <div class="if">
                <div class="i2">
                  <p>免费接机看房</p>
                  <p>全程免费测评，全城好房随您看！</p>
                </div>
              </div>
            </li>
            <li class="c" id="bz2">
              <p class="icons-up2"><img src="{eju:global name='web_templets_mobile' /}/skin/images/up3.png"></p>
              <a href="javascript:;" class="bz-close" style="position: absolute;right: 7px;top: 5px;" data-id="2"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close" style="width: 14px;"></a> <a href="tel:{$eju.field.xinfang.sale_phone}" class="yy-btn">预约看房</a>
              <div class="if">
                <div class="i3">
                  <p>100%开发商授权</p>
                  <p>真房源真房价！郑重承诺假一赔百！</p>
                </div>
              </div>
            </li>
            <li class="c" id="bz3">
              <p class="icons-up3"><img src="{eju:global name='web_templets_mobile' /}/skin/images/up3.png"></p>
              <a href="javascript:;" class="bz-close" style="position: absolute;right: 7px;top: 5px;" data-id="3"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close" style="width: 14px;"></a> <a href="tel:{$eju.field.xinfang.sale_phone}" class="yy-btn">预定酒店</a>
              <div class="if">
                <div class="i4">
                  <p>星级酒店入住</p>
                  <p>每日前20名预约看房客户尊享服务。</p>
                </div>
              </div>
            </li>
            <li class="c" id="bz4">
              <p class="icons-up4"><img src="{eju:global name='web_templets_mobile' /}/skin/images/up3.png"></p>
              <a href="javascript:;" class="bz-close" style="position: absolute;right: 7px;top: 5px;" data-id="4"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close" style="width: 14px;"></a> <a href="{eju:global name='web_attr_3'/}" class="yy-btn">咨询详情</a>
              <div class="if">
                <div class="i5">
                  <p>大家好才是真的好</p>
                  <p>购房后介绍朋友购房均有现金奖励</p>
                </div>
              </div>
            </li>
            <li class="c" id="bz5">
              <p class="icons-up5"><img src="{eju:global name='web_templets_mobile' /}/skin/images/up3.png"></p>
              <a href="javascript:;" class="bz-close" style="position: absolute;right: 7px;top: 5px;" data-id="5"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close" style="width: 14px;"></a> <a href="{eju:global name='web_attr_3'/}" class="yy-btn">咨询详情 </a>
              <div class="if">
                <div class="i6">
                  <P>行程无忧买的安心</P>
                  <p>购房成功后均可申请机票补助</p>
                </div>
              </div>
            </li>
            <li class="c" id="bz6">
              <p class="icons-up6"><img src="{eju:global name='web_templets_mobile' /}/skin/images/up3.png"></p>
              <a href="javascript:;" class="bz-close" style="position: absolute;right: 7px;top: 5px;" data-id="6"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close" style="width: 14px;"></a> <a href="{eju:global name='web_attr_3'/}" class="yy-btn">咨询详情 </a>
              <div class="if">
                <div class="i7">
                  <p>专业服务保驾护航</p>
                  <p>客户立场真诚服务每一组购房客户</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="clear"></div>
      <p class="if2">注：以上服务最终解释权归易居所有</p>
    </div>
  </div>
  <div class="h-xx-wrap">
    <div class="tit"> <!--<a class="hx-more">更多详情 &gt;</a>-->
      <h1>为什么选择易居</h1>
      <div class="clear"></div>
    </div>
    <div class="xx-scroll" class="clearfix">
    <ul>
      <li><a href="javascript:;/#F1">
        <div class="pic"><img src="{eju:global name='web_templets_mobile' /}/skin/images/xz_1.png"></div>
        <p>11年行业深耕、12座城市、500余名专业置业顾问</p>
        </a> </li>
      <li><a href="javascript:;/#F2">
        <div class="pic"><img src="{eju:global name='web_templets_mobile' /}/skin/images/xz_2.png"></div>
        <p>荣获绿地、恒大、碧桂园等知名品牌最佳合作商</p>
        </a> </li>
      <li><a href="javascript:;/#F3">
        <div class="pic"><img src="{eju:global name='web_templets_mobile' /}/skin/images/xz_3.png"></div>
        <p>为海内外10万业主成功置业，10余万业主口碑相传</p>
        </a> </li>
      <li><a href="javascript:;/#F4">
        <div class="pic"><img src="{eju:global name='web_templets_mobile' /}/skin/images/xz_4.png"></div>
        <p>购房前、中、后一站式服务保障，让您购房无忧</p>
        </a> </li>
    </ul>
  </div>
</div>
<div class="h-zj-wrap">
  <div class="tit">
    <h1>易居买房专家团</h1>
    <div class="tag"><span class="icon-dg"></span><span>高素质</span><span class="icon-dg"></span><span>严要求</span><span class="icon-dg"></span><span>更专业</span></div>
    <div class="clear"></div>
  </div>
  <ul class="xs-ul">
    {eju:userslist pagesize='2' is_saleman='1' titlelen='30' infolen='160' orderby='add_time'}
    <li {neq name='$i+1' value='$__LIST__|count=###'}class="none"{/neq}>
      <div class="x1">
        <div class="pic"><img src="{$field.litpic}" alt="{$eju.field.saleman.true_name}"></div>
        <div class="txt">
          <p><span class="f1">{$field.true_name}</span>&nbsp;&nbsp;<span>资深顾问</span></p>
          <p>咨询人数 : <span class="c1">{$field.consult}</span>人&nbsp;&nbsp;满意度：<span  class="c1">98%</span></p>
        </div>
        <div class="btn"><a href="{$field.party}">我要咨询</a></div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </li>
    {/eju:userslist}
  </ul>
</div>
<div class="h-zb-wrap" style="padding-bottom: 0">
  <div class="tit">
    <h1>周边配套</h1>
    <div class="clear"></div>
  </div>
  <div class="blank10"></div>
  {eju:notempty name='$eju.field.address'/}
  <p class="address"> <span class="c1">位置：</span> <span><a href="javascript:;">{$eju.field.address}</a></span> </p>
  {/eju:notempty} </div>
<div class="mapmain">
  <div class="y_lpdt" id="y_lpmap" style="width:100%;height: 300px;"></div>
  {eju:surroundings field="$eju['field']" canvas="y_lpmap" tag="heihei" select="active" total="total" tab="lp-map-tab" result="result"}
  <div class="y_lpdt_list">
    <ul class="c">
      {eju:volist name="$field.list" id="vo"}
      <li> <a href="javascript:;" class="heihei" onclick="select_around({$key});">
        <p class="y_tu"><img src="{eju:global name='web_templets_mobile' /}/skin/images/ico_4{$key}.png" alt="{$vo}"></p>
        <p class="y_text">{$vo}</p>
        </a> </li>
      {/eju:volist}
    </ul>
    <ul class="map-mart-lists" id="result" style="display:none;">
    </ul>
  </div>
  {$field.hidden}
  {/eju:surroundings} </div>
<div id="F5">
  <div class="h-zis-wrap">
    <div class="tit"> 
      <!-- <a href="" class="hx-more">全部点评 &gt;</a> -->
      <h1>资深顾问点评</h1>
      <div class="clear"></div>
    </div>
    <div class="xs-info"> <a href="{$eju.field.saleman.party}" class="btn">咨询楼盘</a>
      <div class="pic"><img src="{$eju.field.saleman.saleman_pic}" alt="{$eju.field.saleman.true_name}"></div>
      <div class="txt">
        <p><span class="f1">{$eju.field.saleman.true_name}</span><span class="f2">最佳点评</span></p>
        <p>咨询人数<span style="color: #48bf01">{$eju.field.saleman.consult}</span>人&nbsp;&nbsp;满意度<span style="color: #48bf01">99%</span></p>
      </div>
      <div class="clear"></div>
    </div>
    {eju:if condition="($eju.field.dili) OR ($eju.field.jiaotong)  OR ($eju.field.peitao) OR ($eju.field.yetai)"}
    <div class="zis-con">
      <p> {eju:notempty name="$eju.field.dili"} <em>地理优势</em>
      <p>{$eju.field.dili}{$eju.field.dili_unit}</p>
      {/eju:notempty}
      {eju:notempty name="$eju.field.jiaotong"} <em>交通便利</em>
      <p>{$eju.field.jiaotong}{$eju.field.jiaotong_unit}</p>
      {/eju:notempty}
      {eju:notempty name="$eju.field.peitao"} <em>配套齐全</em>
      <p>{$eju.field.peitao}{$eju.field.peitao_unit}</p>
      {/eju:notempty}
      {eju:notempty name="$eju.field.yetai"} <em>业态多种</em>
      <p> {$eju.field.yetai}{$eju.field.yetai_unit}</p>
      {/eju:notempty}
      </p>
    </div>
    <p class="showall"><a href="javascript:;" class="showall2">展开全文</a></p>
    {/eju:if} </div>
</div>
<div class="h-dp-wrap">
  <div class="tit"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'ask','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" class="hx-more">更多评论 &gt;</a>
    <h1>用户评论({eju:countlist/})</h1>
    <div class="clear"></div>
  </div>
  <div class="dp-list"> {eju:ask id="field" bestanswer="off" pagesize='2'}
    {eju:volist name="$field.AskData" id="vo"}
    <div class="user-cmt {neq name='$key+2' value='$__LIST__|count=###'}user-last-hide{/neq}">
      <div class="face"><img src="{$vo.litpic}"></div>
      <div class="text show-hide">
        <div class="user-info">
          <h4 class="name">{$vo.username}</h4>
        </div>
        <div class="control-area">
          <div class="cmt-detail change-area setEmotion" id="cjbox2-385">
            <p>{$vo.ask_title}</p>
          </div>
          <p class="tr"><a href="javascript:;" style="font-size: .35rem;color: #48bf01" class="opencjbtn2" data-id="385">展开全文</a></p>
          <div class="blank5"></div>
          <div class="new-like">
            <div class="int-time"> <span>{$vo.add_time|MyDate="Y-m-d H:i:s",###}</span> </div>
            <!--<div class="need-login zan ajax-action" data-id="385"><span class="icon icon-like"></span><span class="num">赞(0)</span></div>--> 
          </div>
        </div>
      </div>
    </div>
    {/eju:volist}
    {/eju:ask}
    <div class="blank10"></div>
    <p class="btn"><a href="javascript:;" class="openask2"><img src="{eju:global name='web_templets_mobile' /}/skin/images/edit3.png">我来说几句</a></p>
  </div>
</div>
<div class="h-dp2-wrap">
  <div class="tit"> <a href="{:arcurl('home/Xinfang/index',['aid'=>$eju.field.xinfang.aid,'dirname'=>$eju.field.xinfang.dirname,'dirpath'=>$eju.field.xinfang.dirpath,'column'=>'ask','province_id'=>$eju.field.xinfang.province_id,'city_id'=>$eju.field.xinfang.city_id,'area_id'=>$eju.field.xinfang.area_id])}" class="hx-more">更多问答 &gt;</a>
    <h1>有问必答({eju:countlist/})</h1>
    <div class="clear"></div>
  </div>
  <div class="dp2-list">
    <ul>
      {eju:ask id="field" bestanswer="off" pagesize='3'}
      {eju:volist name="$field.AskData" id="vo"}
      <li><a href="{$vo.AskUrl}" style="display: block;"> <!--<span class="jg">已解答</span>--><span class="status">问</span><span class="tit">{$vo.ask_title}</span></a></li>
      {/eju:volist}
      {/eju:ask}
    </ul>
    <p class="btn"><a href="javascript:;" class="openask2"><img src="{eju:global name='web_templets_mobile' /}/skin/images/edit3.png" alt="我来提问">我来提问</a></p>
  </div>
</div>
<div class="h-tj-wrap">
  <div class="tit">
    <ul class="r-ul">
      <li class="cur">猜您喜欢</li>
      <li>看了又看</li>
    </ul>
    <h1>推荐楼盘</h1>
    <div class="clear"></div>
  </div>
  <div class="house-list">
    <ul>
      <li class="c show"> {eju:arclist  orderby='rand' row='5' id="field" addfields="discount"} <a href="{$field.arcurl}" style="display: block;">
        <div class="house-itm">
          <div class="pic"> <img src="{$field.litpic}" alt="{$field.title}"> </div>
          <div class="txt pr"> <span class="status">{$field.sale_status}</span>
            <h1>{$field.title}</h1>
            <p>{$field.city_id|get_city_name}</p>
            <p><span class="p1">{$field.average_price}</span><span class="p2">{$field.price_units}</span><span class="p3">{$field.main_unit}{$field.main_unit_unit}</span></p>
            <div class="tag"> {eju:diyfield type='checkbox' id='characteristic' name='$eju.field.characteristic'} <span>{$characteristic.value}</span>{/eju:diyfield} </div>
          </div>
          <div class="clear"></div>
          <div class="h-link">
            <div class="time">{$field.click}人点击</div>
            {eju:notempty name='$field.is_discount'/}
            <div class="hui"><span class="status">惠</span><span class="tit">{$field.discount}</span></div>
            {/eju:notempty}
            <div class="clear"></div>
          </div>
        </div>
        </a> {/eju:arclist} </li>
      <li class="c"> {eju:arclist  orderby='rand' row='5' id="field" addfields="discount"} <a href="{$field.arcurl}" style="display: block;">
        <div class="house-itm">
          <div class="pic"> <img src="{$field.litpic}" alt="{$field.title}"> </div>
          <div class="txt pr"> <span class="status">{$field.sale_status}</span>
            <h1>{$field.title}</h1>
            <p>{$field.city_id|get_city_name}</p>
            <p><span class="p1">{$field.average_price}</span><span class="p2">{$field.price_units}</span><span class="p3">{$field.main_unit}{$field.main_unit_unit}</span></p>
            <div class="tag"> {eju:diyfield type='checkbox' id='characteristic' name='$eju.field.characteristic'} <span>{$characteristic.value}</span>{/eju:diyfield} </div>
          </div>
          <div class="clear"></div>
          <div class="h-link">
            <div class="time">{$field.click}人点击</div>
            {eju:notempty name='$field.is_discount'/}
            <div class="hui"><span class="status">惠</span><span class="tit">{$field.discount}</span></div>
            {/eju:notempty}
            <div class="clear"></div>
          </div>
        </div>
        </a> {/eju:arclist} </li>
    </ul>
  </div>
</div>
<div class="blank70"></div>
</div>
<!-- 底部 -->
<div class="a-footer-layer3">
  <div class="flexbox">
    <div class="leftBtn"> <a  class="icon collect" href="{eju:global name='web_attr_3'/}"><i></i>在线客服</a> </div>
    <div class="rightBtn">
      <div class="flexbox"> <a href="javascript:void(0)" class="zxzx" onclick="openwid4('预约看房','全面保护您的隐私，自身前往售楼处看房太麻烦？预约看房专车随叫随到。','【{$eju.field.city_id|get_city_name}】{$eju.field.title}楼盘内页_变价通知我',2);">
        <p>预约看房</p>
        <p>免费专车来回接送</p>
        </a> <a class="call dadianhua dbtel" href="tel:{$eju.field.xinfang.sale_phone}">
        <p>电话咨询</p>
        <p>保护手机号码更安全</p>
        </a> </div>
    </div>
  </div>
</div>
{eju:static file="skin/js/citylist_min.js" /} 
<script type="text/javascript">
var mySwiper = new Swiper('.swiper-container', {
        autoplay: 250000,
        loop:true,
        mousewheel: true,        
        pagination: '.swiper-pagination',//分页容器的css选择器
        paginationType : 'custom',//自定义-分页器样式类型（前提）
        //设置自定义分页器的内容
        paginationCustomRender: function (swiper, current, total) {            
            var _html = '';
            var t = "";             
            for (var i = 1; i <= total; i++) {                
                if (i == 1) {
                    t = "航拍"
                }else if (i == 2) {
                    t = "全景"
                }else if (i == 3) {
                    t = "相册"
                }                
                if (current == i) {
                    _html += '<a class="swiper-pagination-custom active">' + t + '</a>';
                }else{
                    _html += '<a class="swiper-pagination-custom">' + t  + '</a>';
                }
            }            
            return _html;//返回所有的页码html
        }
    });
    $('.swiper-pagination').on('click','a',function(){
        var index = $(this).index() + 2;
        mySwiper.slideTo(index-1, 500, false);//切换到第一个slide，速度为1秒
    });
</script> 
{eju:static file="skin/js/house.js" /}
{eju:static file="skin/css/ejucms_m.css" /}
<div class="nav sFix">
  <div class="header" style="z-index: 999;"> 
    <!--返回上一页-->
    <div class="go-back"> <a href="javascript:void(0)" onclick="history.back(-1)"> <span class="ico ico-return">返回上一页</span> </a> </div>
    <!--切换城市-->
    <div class="city-change"><span class="text">楼盘详情</span> </div>
    <!--用户行为跳转-->
    <ul class="u-link" style="top: .3rem;right: .2rem;">
      <li class="link-home"><a href="javascript:;" id="navBtn1" style="display: block;"><img src="{eju:global name='web_templets_mobile' /}/skin/images/nav.png"></a></li>
    </ul>
  </div>
  <ul>
    {eju:navig position_id='6' type='top' currentstyle="active" id="field"}
    <li><a href="{$field.navig_url}" {$field.target} {$field.nofollow}>
      <p><img src="{eju:global name='web_templets_mobile' /}/skin/images/nav_x{$field.navig_id}.png" alt="{$field.navig_name}"></p>
      {$field.navig_name}</a></li>
    {/eju:navig}
  </ul>
  <div class="fixMask"></div>
</div>
<div class="w-box-4">
  <div class="box-main"> <a href="javascript:;" onclick="close4();" class="close4"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close"></a>
    <h4 id="tit-4">开盘通知</h4>
    <div class="box-info">
      <p id="info-4">一键订阅最新开盘通知。查看您的订阅信息。</p>
    </div>
    {eju:form formid="1"  success='closeregistf'}
    <form method="post" id="{$field.form_name}" action="{$field.action}" onsubmit="{$field.submit}">
      <div class="box-frm">
        <input type="text" class="phone-ipt4 ipt4" id="{$field.attr_1}" name="{$field.attr_1}" placeholder="{$field.itemname_1}" maxlength="11">
        <div class="blank10"></div>
        <div class="box-btn">
          <input type="submit" value="确定" class="btn-4">
        </div>
        <div class="lp-phone"> <a href="tel:{$eju.field.xinfang.sale_phone}"><img src="{eju:global name='web_templets_mobile' /}/skin/images/tel3.png">&nbsp;直拨售楼处</a> </div>
      </div>
      {$field.hidden}
    </form>
    {/eju:form} </div>
</div>
<!--<div class="w-alert-4"></div>--> 
<!--<div class="w-box-8">--> 
<!--<div class="box-main" style="padding: .25rem"> <a href="javascript:;" onclick="close4();" class="close4"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close"></a>--> 
<!--<h4 style="font-size: .375rem;padding: .15rem;border-bottom: 1px solid #ddd">行业资深顾问，一小时内解答</h4>--> 
<!--{eju:ask id="field" bestanswer="off"}--> 
<!--<div class="box-frm mt10">--> 
<!--<textarea class="txtarea" maxlength="500" id="content" name="content" placeholder="写下问题，将有专业咨询师为您解答"></textarea>--> 
<!--<div class="blank10"></div>--> 
<!--<div class="box-btn">--> 
<!--<input type="submit" value="提交问题" class="btn-4" data-url="{$field.SubmitAddAsk}" onclick="SubmitData(this);">--> 
<!--</div>--> 
<!--</div>--> 
<!--{/eju:ask} </div>--> 
<!--</div>-->
<div class="w-alert-4"></div>
<div class="w-box-9" style="height: 10rem">
  <div class="box-main" style="padding: .25rem"> <a href="javascript:;" onclick="close4();" class="close4"> <img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close"></a>
    <div class="o-box"> <a href="{$eju.field.xinfang.arcurl}">
      <div class="pic"><img src="{$eju.field.litpic}" alt="{$eju.field.title}"></div>
      <div class="txt">
        <h4>{$eju.field.title}</h4>
        <p><span class="p1">{$eju.field.average_price}</span><span class="p2">{$eju.field.average_price_unit}</span><span class="p3">{$eju.field.main_unit}{$eju.field.main_unit_unit}</span></p>
        <div class="tag"> {eju:diyfield type='checkbox' id='characteristic' name='$eju.field.characteristic'} <span>{$characteristic.value}</span>{/eju:diyfield} </div>
      </div>
      <div class="clear"></div>
      </a> </div>
    {eju:ask id="field" bestanswer="off"}
    <div class="box-frm mt10">
      <textarea class="txtarea" style="height: 5.36rem" maxlength="500" id="content" name="content" placeholder="对于楼盘的环境、位置、配套设施满意吗？说说您的看法"></textarea>
      <div class="blank10"></div>
      <div class="box-btn">
        <input type="submit" value="提交问题" class="btn-4" data-url="{$field.SubmitAddAsk}" onclick="SubmitData(this);">
      </div>
    </div>
    {/eju:ask} 
    <script>
        var aid = "{$eju.field.aid}";
          function SubmitData(obj) {
              if (!$('#content').val()) {
                  alert('请填写问题描述！');
//                  layer.msg('请填写问题描述！', {time: 1500, icon: 2});
                  return false;
              }
//              layer_loading('正在处理');
              var content = $('#content').val();
              $.ajax({
                  url: $(obj).data('url'),
                  data: {content:content,aid:aid},
                  type:'post',
                  dataType:'json',
                  success:function(res){
                      layer.closeAll();
                      if (1 == res.code) {
//                          layer.msg(res.msg, {time: 1000},function(){
//                              window.location.href = res.url;
//                          });
                          $('#content').val("")
                          location.reload();
                      } else {
                          alert(res.msg);
//                          layer.msg(res.msg, {time: 1500, icon: 2});
                      }
                  },
                  error : function() {
//                      layer.closeAll();
//                      layer.alert('网络失败，请刷新页面后重试', {icon: 5, closeBtn: 0});
                      alert('网络失败，请刷新页面后重试');
                  }
              });
          }
      </script> 
  </div>
</div>
<div class="w-alert-4"></div>
{eju:static file="skin/js/markingsystem.js" /} 
<script type="text/javascript">
$("#star_grade").markingSystem({
    num: 5,
    havePoint: true,
    haveGrade: true,
    unit: '',
    grade: '',
    height: 30,
    width: 30,
})
</script>
<div class="w-box-10" style="height: 5.5rem">
  <div class="box-main" style="padding: .25rem"> <a href="javascript:;" onclick="close4();" class="close4"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close"></a>
    <h1>价格说明</h1>
    <div class="blank20"></div>
    <p>该项目展示的单价为均价，各户型价格不同，具体一房一价。</p>
    <div class="box-frm mt10">
      <div class="blank10"></div>
      <div class="box-btn">
        <input type="submit" value="了解详情" class="btn-4" onclick="window.location.href = '{eju:global name='web_attr_3'/}'">
      </div>
    </div>
  </div>
</div>
<div class="w-alert-4"></div>
<div class="w-box-11" style="height: 5.8rem">
  <div class="box-main" style="padding: .25rem"> <a href="javascript:;" onclick="close4();" class="close4"><img src="{eju:global name='web_templets_mobile' /}/skin/images/close3.png" alt="close"></a>
    <h1>安全购说明</h1>
    <div class="blank20"></div>
    <p>带有“安全购”标识的楼盘享受低价保障、五证齐全、维权协助三项保障，保障您的购房权益！</p>
    <div class="box-frm mt10">
      <div class="blank10"></div>
      <div class="box-btn">
        <input type="submit" value="了解详情" class="btn-4" onclick="window.location.href = '{eju:global name='web_attr_3'/}'">
      </div>
    </div>
  </div>
</div>
<div class="w-alert-4"></div>
<script type="text/javascript">
$(function(){    
  //问客服
    $(".openkf").click(function(e){
        window.setTimeout("window.location='{eju:global name='web_attr_3'/}'",3000);
        e.stopPropagation();
        if($(".alert_kf").css("display")=='none') { 
            $('.alert_kf,.kf-list').fadeIn(500);  
            $('.icon').addClass('icon-down');  
        }else{
            $('.alert_kf,.kf-list').fadeOut(500); 
            $('.icon').removeClass('icon-down');   
        }
    });
    $(document).click(function(){
        if($(".alert_kf").css("display")=='block'){$('.alert_kf,.kf-list').fadeOut(500); }
    });
});
    document.addEventListener('touchstart',touch,false);
    document.addEventListener('touchmove',touch,false);
    document.addEventListener('touchend',touch,false);     
    function touch (event){
        var event = event || window.event;
        var oInp = document.getElementById("inp");
        switch(event.type){
            case "touchstart":
                break;
            case "touchend":  
                $("#askkf").animate({right:"10px"},'slow');          
                //$('#askkf').css('right','10px');           
                break;
            case "touchmove":          
                $("#askkf").stop().animate({right:"-66px"});   
                //$('#askkf').css('right','-66px');    
                break;
        }
}
</script>
<div class="alert_kf"></div>
<div id="askkf" style="position: fixed;bottom: 45%;right: 10px;z-index: 1000">
  <div style="height: .7rem;border-radius: 17px;width: 2.8rem;" class="pr"> <a href="javascript:;" style="display: block;z-index: 1000" class="openkf"> <img src="{eju:global name='web_templets_mobile' /}/skin/images/kf.gif" style="width: 100%"> <span class="icon icon-up" style="position: absolute;left: 2.3rem;top: .66rem;"></span> </a> </div>
  <!-- list -->
  <div class="kf-list">
    <ul>
      <li><a href="{eju:global name='web_attr_3'/}" rel="nofollow">这个价格是带装修的吗？&nbsp;&gt;</a></li>
      <li><a href="{eju:global name='web_attr_3'/}" rel="nofollow">现在有优惠吗？&nbsp;&gt;</a></li>
      <li><a href="{eju:global name='web_attr_3'/}" rel="nofollow">外地人买房需要什么条件？&nbsp;&gt;</a></li>
      <li><a href="{eju:global name='web_attr_3'/}" rel="nofollow">首付比例是多少？&nbsp;&gt;</a></li>
      <li><a href="{eju:global name='web_attr_3'/}" rel="nofollow">可以发看房计划书吗？&nbsp;&gt;</a></li>
      <li><a href="{eju:global name='web_attr_3'/}" rel="nofollow">近期有看房团吗？&nbsp;&gt;</a></li>
    </ul>
  </div>
  <!-- list:end --> 
</div>
</body>
</html>